const util = require('../../../utils/util')
function getCurrentDate(){
  let date = new Date();
  let YY = date.getFullYear();
  let MM = date.getMonth() + 1;
  let DD = date.getDate();
  MM = MM < 10 ? '0'+MM : MM;
  DD = DD < 10 ? '0'+DD : DD;
  return `${YY}/${MM}/${DD}`
}
function getCurrentTime(){
  let date = new Date();
  let h = date.getHours();
  let m = date.getMinutes();
  let s = date.getDate();
  h = h < 10 ? '0'+h : h;
  m = m < 10 ? '0'+m : m;
  s = s < 10 ? '0'+s : s;
  return `${h}:${m}:${s}`
}



Page({

  /**
   * 页面的初始数据
   */
  data: {
    num: 1,
    outcome: [
      // {
      //   id: 1,
      //   color: "#00B26A",
      //   text: "餐饮",
      //   icon1: "/assets/out/i-canyin.png",
      //   icon2: "/assets/out/i-canyin-on.png",
      //   selected: false,
      // },
      // {
      //   id: 2,
      //   color: "#00B26A",
      //   text: "交通",
      //   icon1: "/assets/out/i-jiaotong.png",
      //   icon2: "/assets/out/i-jiaotong-on.png",
      //   selected: false,
      // },
      {
        id: 3,
        color: "#00B26A",
        text: "住房",
        icon1: "/assets/out/i-zhufang.png",
        icon2: "/assets/out/i-zhufang-on.png",
        selected: false,
      },
      {
        id: 4,
        color: "#00B26A",
        text: "服饰",
        icon1: "/assets/out/i-fushi.png",
        icon2: "/assets/out/i-fushi-on.png",
        selected: false,
      },
      {
        id: 5,
        color: "#00B26A",
        text: "美妆",
        icon1: "/assets/out/i-meizhuang.png",
        icon2: "/assets/out/i-meizhuang-on.png",
        selected: false,
      },
      // {
      //   id: 6,
      //   color: "#00B26A",
      //   text: "日用品",
      //   icon1: "/assets/out/i-riyong.png",
      //   icon2: "/assets/out/i-riyong-on.png",
      //   selected: false,
      // },
      // {
      //   id: 7,
      //   color: "#00B26A",
      //   text: "发红包",
      //   icon1: "/assets/out/i-fahongbao.png",
      //   icon2: "/assets/out/i-fahongbao-on.png",
      //   selected: false,
      // },
      // {
      //   id: 8,
      //   color: "#00B26A",
      //   text: "医疗",
      //   icon1: "/assets/out/i-yiliao.png",
      //   icon2: "/assets/out/i-yiliao-on.png",
      //   selected: false,
      // },
      // {
      //   id: 9,
      //   color: "#00B26A",
      //   text: "话费",
      //   icon1: "/assets/out/i-huafei.png",
      //   icon2: "/assets/out/i-huafei-on.png",
      //   selected: false,
      // },
      // {
      //   id: 10,
      //   color: "#00B26A",
      //   text: "数码",
      //   icon1: "/assets/out/i-shuma.png",
      //   icon2: "/assets/out/i-shuma-on.png",
      //   selected: false,
      // },
      // {
      //   id: 11,
      //   color: "#00B26A",
      //   text: "娱乐",
      //   icon1: "/assets/out/i-yule.png",
      //   icon2: "/assets/out/i-yule-on.png",
      //   selected: false,
      // },
      // {
      //   id: 12,
      //   color: "#00B26A",
      //   text: "学习",
      //   icon1: "/assets/out/i-xuexi.png",
      //   icon2: "/assets/out/i-xuexi-on.png",
      //   selected: false,
      // },
      // {
      //   id: 13,
      //   color: "#00B26A",
      //   text: "运动",
      //   icon1: "/assets/out/i-yundong.png",
      //   icon2: "/assets/out/i-yundong-on.png",
      //   selected: false,
      // },
      // {
      //   id: 14,
      //   color: "#00B26A",
      //   text: "宠物",
      //   icon1: "/assets/out/i-chongwu.png",
      //   icon2: "/assets/out/i-chongwu-on.png",
      //   selected: false,
      // },
      // {
      //   id: 15,
      //   color: "#00B26A",
      //   text: "借出",
      //   icon1: "/assets/out/i-jiechu.png",
      //   icon2: "/assets/out/i-jiechu-on.png",
      //   selected: false,
      // },
      {
        id: 16,
        color: "#00B26A",
        text: "汽车",
        icon1: "/assets/out/i-qiche.png",
        icon2: "/assets/out/i-qiche-on.png",
        selected: false,
      },
      {
        id: 18,
        color: "#00B26A",
        text: "还款",
        icon1: "/assets/out/i-huankuan.png",
        icon2: "/assets/out/i-huankuan-on.png",
        selected: false,
      },
      {
        id: 19,
        color: "#00B26A",
        text: "其他",
        icon1: "/assets/out/i-qita.png",
        icon2: "/assets/out/i-qita-on.png",
        selected: false,
      },
    ],
    income: [{
        id: 1,
        color: "#00B26A",
        text: "工资",
        icon1: "/assets/in/i-gongzi.png",
        icon2: "/assets/in/i-gongzi-on.png",
        selected: false,
      },
      // {
      //   id: 2,
      //   color: "#00B26A",
      //   text: "收红包",
      //   icon1: "/assets/in/i-hongbao.png",
      //   icon2: "/assets/in/i-hongbao-on.png",
      //   selected: false,
      // },
      // {
      //   id: 3,
      //   color: "#00B26A",
      //   text: "兼职",
      //   icon1: "/assets/in/i-jianzhi.png",
      //   icon2: "/assets/in/i-jianzhi-on.png",
      //   selected: false,
      // },
      // {
      //   id: 4,
      //   color: "#00B26A",
      //   text: "奖金",
      //   icon1: "/assets/in/i-jiangjin.png",
      //   icon2: "/assets/in/i-jiangjin-on.png",
      //   selected: false,
      // },
      // {
      //   id: 5,
      //   color: "#00B26A",
      //   text: "借入",
      //   icon1: "/assets/in/i-jieru.png",
      //   icon2: "/assets/in/i-jieru-on.png",
      //   selected: false,
      // },
      {
        id: 6,
        color: "#00B26A",
        text: "收款",
        icon1: "/assets/in/i-shoukuan.png",
        icon2: "/assets/in/i-shoukuan-on.png",
        selected: false,
      },
      {
        id: 7,
        color: "#00B26A",
        text: "其他",
        icon1: "/assets/in/i-qita.png",
        icon2: "/assets/in/i-qita-on.png",
        selected: false,
      }
    ],
    date: getCurrentDate(),
    money: "", // 记录输入框的值
    text: "", // 记录类别名称
    notes: "", // 备注
    icon: "", // 类别图标

    // 大数组（记账明细记录）
    elements: []
  },
  // 编写方法获取输入框的值
  addInputText(event) {
    let money = event.detail.value;
    this.setData({
      money
    })
  },
  // 编写保存数据的方法
  saveData() {
    // console.log("输入的值:", this.data.money)
    // 支出或收入的值
    let money = this.data.money; // 1
    if (money == "" || /^[0-9\.]$/.test(money)) {
      wx.showToast({
        title: '请输入金额',
        icon: "none"
      })
      return false;
    }
    money = money - 0;// 转number类型
    let text = this.data.text; // 2
    if (text == "") {
      wx.showToast({
        title: '请选择类别',
        icon: "none"
      })
      return;
    }
    let notes = this.data.notes; // 3 （可选）
    let icon = this.data.icon; // 4
    let num = this.data.num; // 5 区分收入与支出
    // 获取用户信息
    let account = wx.getStorageSync('ACCOUNT'); //6 用户身份
    // 记账的时间
    // let date = new Date();
    // let datetime = util.formatTime(date); //7 记录的时间
    let datetime = this.data.date+" "+getCurrentTime();//选择器中的时间

    let id = Math.random().toString().slice(2)
    id = new Date().getTime().toString().slice(-4)+"_"+id;
    // 定义对象
    let obj = {
      money,
      text,
      notes,
      icon,
      num,
      account,
      datetime,
      id 
    }
    // 判断当前函数是否有elements数组
    let elements = wx.getStorageSync('ELEMENTS_JIZHANG');
    if(elements){
      elements = wx.getStorageSync('ELEMENTS_JIZHANG');
    }
    else {
      elements = this.data.elements;
    }
    elements.push(obj);
    // 再把数据存储起来
    wx.setStorageSync('ELEMENTS_JIZHANG', elements)

    // 提示
    wx.showToast({
      title: '添加成功',
    })

    // 重置表单
    this.setData({
      money:"",
      text:"",
      notes:"",
      icon:""
    })

    // 重置类别选择
    this.resetSelectFn();
  },
  // 选择日期
  bindDateChange: function (e) {
    console.log('picker发送选择改变，携带值为', e.detail.value)
    let date = e.detail.value;
    let dateStr = date.toString().replace(/-/g,'/')
    console.log("----dateStr:",dateStr)
    this.setData({
      date: dateStr
    })
  },
  // 支出与收入
  changeEditStatus(event) {
    let num = event.currentTarget.dataset.num;
    // num: 1  表示支出
    // num: 2  表示收入
    console.log({
      num
    });

    this.setData({
      num,
      text: ""
    })
  },

  // 重置类别选择的方法
  resetSelectFn(){
    let num = this.data.num;
    let arr = num == '1' ? this.data.outcome : this.data.income;
    // 根据索引值判断用户选择哪一个类别
    for (let i = 0; i < arr.length; i++) {
      arr[i].selected = false;
    }
    num == '1' ? this.setData({outcome: arr}) : this.setData({income: arr})
  },

  // 编写方法选择类别
  chooseSelectFn(event) {
    let dataset = event.currentTarget.dataset;
    let index = dataset.index;
    let num = dataset.num;
    let arr = num == '1' ? this.data.outcome : this.data.income;
    // 根据索引值判断用户选择哪一个类别
    for (let i = 0; i < arr.length; i++) {
      arr[i].selected = false;
    }
    // 用户点击的索引对应类别设置高亮
    arr[index].selected = true;
    // 获取类别
    let text = arr[index].text;
    let icon = arr[index].icon2;
    // 重新赋值
    if (num == '1') {
      this.setData({
        outcome: arr,
        text,
        icon
      })
    } else {
      this.setData({
        income: arr,
        text,
        icon
      })
    }
  },

  // 编写获取备注文本的方法
  addNotesFn(event) {
    // console.log(event)
    let notes = event.detail.value;
    this.setData({
      notes
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})